<template>
  <div style="height:100%;width:100%;position:relative;">
      <div class="pagetop">
          <table>
              <tr>

                   <td style="align:right">
                      <el-button @click="SaveAllRecord()" :disabled="!bChangeFlag" icon="el-icon-files">保存</el-button>
                      <el-button @click="btnCancel()"  :disabled="!bChangeFlag">取消</el-button>
                  </td>
              </tr>
          </table>
      </div>
      <div class="pagecenter">
          <rm-layout-right splitcolor="#ffffff" :splitwidth="5" :fixsize="700" :minfixsize="460" ref="layoutright">
              <div style="height:100%;width:20%;float:left;">
                  <vxe-table :data="datatypeList" :loading="loading" :keyboard-config="keyConfig" :keyboard-local-config="keyLocalConfig" :select-config="selectConfig" :sort-config="{ trigger: 'cell' }" @current-change="currentChangeEvent" border fit height="auto" header-align="center" highlight-current-row highlight-hover-row highlight-hover-column ref="datatypeTable" resizable show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe >
                      <vxe-table-column field="datatypename" title="数据分类" align="center"></vxe-table-column>
                  </vxe-table>
              </div>
              <div style="height:100%;width:25%;float:left;margin-left:2px;">
                  <vxe-table :data.sync="pattypeList" :keyboard-config="keyConfig" :keyboard-local-config="keyLocalConfig" :select-config="selectConfig" :sort-config="{ trigger: 'cell' }"   border fit height="auto" header-align="center" highlight-current-row highlight-hover-row highlight-hover-column ref="pattypeTable" resizable show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe>
                      <vxe-table-column field="invalid" title="病人类型"  align="left">
                          <template v-slot="{ row }">
                              <el-checkbox false-label="" true-label="1" v-model="row.invalid" @change="HasChange" style="margin-left:20px">{{row.display}}</el-checkbox>
                          </template>
                      </vxe-table-column>
                      <!-- <vxe-table-column field="datatypename" title="病人类型" width="100"></vxe-table-column> -->
                  </vxe-table>
              </div>
              <div style="height:100%;width:23%;float:left;margin-left:2px;" >
                  <vxe-table :data.sync="emerList" :keyboard-config="keyConfig" :keyboard-local-config="keyLocalConfig" :select-config="selectConfig" :sort-config="{ trigger: 'cell' }"  border fit height="auto" header-align="center" highlight-current-row highlight-hover-row highlight-hover-column ref="emerTable" resizable show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe>
                      <vxe-table-column field="emerflag" title="急诊标志" align="center">
                          <template v-slot="{ row }">
                              <el-checkbox false-label="" true-label="1" v-model="row.emerflag" @change="HasChange" >{{row.emerflagname}}</el-checkbox>
                          </template>
                      </vxe-table-column>
                      <!-- <vxe-table-column field="emerflagname" title="危急" width="100"></vxe-table-column> -->
                  </vxe-table>
              </div>
              <div style="height:100%;width:calc(32% - 6px) ;float:left;margin-left:2px;">
                  <div style="height:25px;">
                      <el-radio-group v-model="chktype" @change="radigchange">
                              <el-radio label="0">分单类别</el-radio>
                              <el-radio label="1">申请项目</el-radio>
                      </el-radio-group>
                  </div>
                  <div style="height:calc(100% - 25px)" v-if="!showreqitem">
                      <vxe-table :data.sync="unitgroupList" :keyboard-config="keyConfig" :keyboard-local-config="keyLocalConfig" :select-config="selectConfig" :sort-config="{ trigger: 'cell' }" @current-change="unitgroupcurrentChangeEvent" border fit height="auto" header-align="center" highlight-current-row highlight-hover-row highlight-hover-column ref="unitgroupTable" resizable show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe key="unitgroupList">
                          <vxe-table-column field="req_groupname" title="分单类别" align="left">
                              <template v-slot="{ row }">
                                  <rm-ddl-common datatype="reqgroup" @change="reqgroupchange"  dataname="分单类别" v-model="row.req_groupid" width="100%"></rm-ddl-common>
                              </template>
                          </vxe-table-column>
                          <template v-slot:fix >
                            <div v-show="!showreqitem">
                              <div style="font-size: 17px; padding: 3px; background-color: #fff; text-align: center; font-weight: bold">
                                  <el-button @click="btnAddUnitGroupDetail" class="el-button--310">新增</el-button>
                                  <el-button @click="btnDeleteUnitGroupDetail" class="el-button--310">删除</el-button>
                              </div>
                            </div>

                          </template>
                      </vxe-table>
                  </div>
                  <div style="height:calc(100% - 25px)" v-else >
                      <vxe-table :data.sync="reqitemList" :keyboard-config="keyConfig" :keyboard-local-config="keyLocalConfig" :select-config="selectConfig" :sort-config="{ trigger: 'cell' }" @current-change="reqitemcurrentChangeEvent" border fit height="auto" header-align="center" highlight-current-row highlight-hover-row highlight-hover-column ref="reqitemTable" resizable show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe key="reqitemList">
                          <vxe-table-column field="req_itemcode" title="申请项目" align="left">
                              <template v-slot="{ row }">
                                  <el-input v-model="row.req_itemname" placeholder="双击选择申请项目" @dblclick.native="OpenReqitem" clearable
                                  @clear="clearreqitem(row)"></el-input>
                              </template>
                          </vxe-table-column>
                          <template v-slot:fix >
                            <div v-show="showreqitem">
                              <div style="font-size: 17px; padding: 3px; background-color: #fff; text-align: center; font-weight: bold">
                                  <el-button @click="btnAddreqitemDetail" class="el-button--310">新增</el-button>
                                  <el-button @click="btnDeletereqitemDetail" class="el-button--310">删除</el-button>
                              </div>
                            </div>

                          </template>
                      </vxe-table>
                  </div>
              </div>

              <template v-slot:fix>
                   <div ref="xTableDiv1" style="height:100%;width:50%;float:left;">
                      <vxe-table :data.sync="groupData"  ref="groupTable" :select-config="selectConfig" height="auto" :sort-config="{ trigger: 'cell' }" :loading="loadingGroup" @current-change="groupcurrentChangeEvent" highlight-current-row highlight-hover-row border fit highlight-hover-column resizable header-align="center" show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe>
                          <vxe-table-column field="rptunitgroupname"  title="分组名称" align="center" ></vxe-table-column>
                      </vxe-table>
                  </div>
                   <div ref="xTableDiv2" style="height:100%;width:calc(50% - 2px);float:left;margin-left:2px;">
                      <vxe-table :data.sync="groupDataDetail"  ref="groupdetailTable" :select-config="selectConfig" height="auto" :sort-config="{ trigger: 'cell' }" :loading="loadingGroupDetail"  highlight-current-row highlight-hover-row border fit highlight-hover-column resizable header-align="center" show-header-overflow="tooltip" show-overflow="tooltip" size="mini" stripe>
                          <vxe-table-column field="invalid" title="报告单元" align="left">
                              <template v-slot="{ row }">
                                  <el-checkbox false-label="" true-label="1" v-model="row.invalid" @change="HasChange" style="margin-left:20px" >{{row.rptunitname}}</el-checkbox>
                              </template>
                          </vxe-table-column>
                          <!-- <vxe-table-column field="rptunitname" title="报告单元" width="100"></vxe-table-column> -->
                      </vxe-table>
                  </div>
              </template>
          </rm-layout-right>
      </div>

      <el-dialog v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" title="分单类别" :visible.sync="reqgroupnodialog">
          <rm-pop-common datatype="reqgroup" dataname="分单类别" @cancel="reqgroupnodialog = false" irrelevant="reqgroupnoShowIrrelevant"></rm-pop-common>
      </el-dialog>
      <!-- <el-dialog width="1000px" top="10px" :append-to-body="true" :close-on-click-modal="false" title="选择报告项目" :visible.sync="req_itemdialog" :destroy-on-close="true">
          <rm-pop-reqitem prgno="LIS161" @cancel="req_itemdialog=false;" :isAllRpt="1" @selitem="req_itemchange" :rptunitid="txtrptunit"></rm-pop-reqitem>
      </el-dialog> -->

      <el-dialog width="1000px" top="10px" v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" :visible.sync="req_itemdialog" :destroy-on-close="true" title="申请项目">
          <rm-pop-common datatype="reqitem" dataname="申请项目" :filterable="true" size="mini" width="100%" :clearable="true"  :appendtobody="true" key="dialogreq_itemcode" @change="req_itemchange" @cancel="reqouterVisible = false"></rm-pop-common>
      </el-dialog>
  </div>
</template>

<script>
import XEUtils from "xe-utils";
export default {
  name: "LIS161",
  data() {
      return {
          loading: false,
          datatypeList:[],
          datatypecurrentrow:{},
          groupcurrentrow:{},
          keyConfig: {
              isDel: true,
              isTab: true,
              isEdit: true
          },
          keyLocalConfig: {
              isArrow: true
          },
          selectConfig: { tigger: "row" },
          emerList:[],
          unitgroupList:[],
          pattypeList:[],
          groupData:[],
          groupDataDetail:[],
          loadingGroup:false,
          loadingGroupDetail:false,
          okFirstLoading:true,
          tempindex:0,
          tatdatatypename:"",
          rptunitgroupid:0,
          gtempindex:0,
          reqgroupnodialog:false,
          reqgroupcurrentrow:{},
          bChangeFlag : false,

          reqitemList:[],
          req_itemdialog:false,
          txtrptunit:"",
          reqitemcurrentrow:{},

          editpatlist:[],//保存的病人类型数据
          editemerflaglist:[],//危急标志
          editreqgrouplist:[],//分单类别数据
          editreqitemlist:[],//申请项目
          editrptunitgrouplist:[],//报告单元数据
          chktype:"0",
          showreqitem:false,
      };
  },
  computed: {

  },
  watch: {

  },
  created() {
      this.initialList();//初始数据
  },
  mounted() {},
  updated() {
     if (this.okFirstLoading) {
          this.comcallfun();
      }
  },
  methods: {

      HasChange() {
          this.bChangeFlag = true;
      },

      initialList(){
          this.loading = true;
          this.$tool
              .request({
                  url: "LIS/LIS1/LIS161",
                  method: "post",
                  data: {
                      action: "query"
                  }
              })
              .then(res => {
                  this.datatypeList=res.datatypeList,
                  this.groupData=res.groupData,

                  this.loading = false;
                  //this.okFirstLoading = true;
              })
              .catch(e => {
                  this.loading = false;
              });
      },
      comcallfun(){
          if(this.$refs.datatypeTable.tableData.length>0){
              var selectrow={};
              if (this.tempindex > 0){
                  selectrow = this.$refs.datatypeTable.getData(this.tempindex);
              }
              else{
                  selectrow = this.$refs.datatypeTable.getData(0);
              }
              let currentrow=selectrow;

              if(currentrow){
                  this.datatypecurrentrow=XEUtils.clone(selectrow,true);
                  this.okFirstLoading = false;
                  this.$refs.datatypeTable.setCurrentRow(currentrow);
                  this.$refs.datatypeTable.scrollToRow(currentrow);
                  this.tatdatatypename=currentrow.datatypename;
              }
          }
          if(this.$refs.groupTable.tableData.length>0){
              var gselrow={}
              if(this.gtempindex>0){
                  gselrow=this.$refs.groupTable.getData(this.gtempindex);
              }else{
                  gselrow=this.$refs.groupTable.getData(0);
              }
              let currentrow=gselrow;
              if(currentrow){
                  this.groupcurrentrow=XEUtils.clone(gselrow,true);
                  this.$refs.groupTable.setCurrentRow(currentrow);
                  this.$refs.groupTable.scrollToRow(currentrow);
                  this.rptunitgroupid=currentrow.rptunitgroupid;
              }
          }
          if(this.tatdatatypename){
              this.$nextTick(()=>{
                   this.ShowDetail();
              })
          }

      },
      ShowDetail(){
          this.$tool
              .request({
                  url: "LIS/LIS1/LIS161",
                  method: "post",
                  data: {
                      action: "querydetail",
                      datatypename: this.tatdatatypename,
                      rptunitgroupid: this.rptunitgroupid,
                  }
              })
              .then(res => {
                  if(res){
                      this.pattypeList=res.pattypeList;//病人类型
                      this.emerList=res.emerList;//急诊标志
                      if(res.unitgroupList && res.unitgroupList.length>0){//分单类别
                          this.unitgroupList=res.unitgroupList;
                      }else{
                          this.unitgroupList=[];
                      }
                      if(res.reqitemList && res.reqitemList.length>0){//申请项目
                          this.reqitemList=res.reqitemList;
                      }else{
                          this.reqitemList=[];
                      }

                      if(res.groupDataDetail && res.groupDataDetail.length>0){//报告单元
                          this.groupDataDetail=res.groupDataDetail
                      }
                  }
                  this.loading = false;
              });
      },
      ShowGroupDetail(){
          this.reqitemList=[];
          this.unitgroupList=[];
          this.groupDataDetail=[];
          this.$tool
              .request({
                  url: "LIS/LIS1/LIS161",
                  method: "post",
                  data: {
                      action: "queryunitdetail",
                      datatypename: this.tatdatatypename,
                      rptunitgroupid: this.rptunitgroupid,
                  }
              })
              .then(res => {
                  if(res){
                      if(res.groupDataDetail && res.groupDataDetail.length>0){
                          this.groupDataDetail=res.groupDataDetail
                      }
                      if(res.unitgroupList && res.unitgroupList.length>0){//分单类别
                          this.unitgroupList=res.unitgroupList;
                          this.showreqitem = false;
                          this.chktype = "0";
                      }else{
                          this.unitgroupList=[];
                      }
                      if(res.reqitemList && res.reqitemList.length>0){//报告项目
                          this.reqitemList=res.reqitemList;
                          this.showreqitem = true;
                          this.chktype = "1";
                      }else{
                          this.reqitemList=[];
                      }
                  }
              });
      },

      //数据分类 行改变事件
      currentChangeEvent({  row, $rowIndex  }) {
          if (this.bChangeFlag) {
              this.$refs.datatypeTable.setCurrentRow(this.datatypecurrentrow);
              return false;
          }
          this.datatypecurrentrow=row;
          this.tempindex = $rowIndex;
          this.tatdatatypename=row.datatypename;

          if(this.$refs.groupTable.tableData.length>0){
              this.gtempindex=0;
              var gselrow=this.$refs.groupTable.getData(0);
              this.groupcurrentrow=XEUtils.clone(gselrow,true);
              this.$refs.groupTable.setCurrentRow(gselrow);
              this.rptunitgroupid=gselrow.rptunitgroupid;
          }
          this.ShowDetail();
      },

      //分单类别 行改变事件
      unitgroupcurrentChangeEvent({ row, $rowIndex}){
          this.reqgroupcurrentrow=row;
      },
      //报告项目 行改变时间
      reqitemcurrentChangeEvent({ row, $rowIndex}){
          this.reqitemcurrentrow=row;
      },
      //分组 行改变事件
      groupcurrentChangeEvent({ row, $rowIndex }){
          if (this.bChangeFlag) {
              this.$refs.groupTable.setCurrentRow(this.groupcurrentrow);
              return false;
          }
          this.gtempindex=$rowIndex;
          this.rptunitgroupid = row.rptunitgroupid;
          this.ShowGroupDetail();
      },
      //分单类别 新增
      btnAddUnitGroupDetail(){
          var irow={req_groupid:"",req_groupname:"",};
          this.$refs.unitgroupTable.insert(irow).then(({ row })=>{
              this.$nextTick(()=>{
                  console.log(row);
                  this.$refs.unitgroupTable.setCurrentRow(row);
                  this.reqgroupcurrentrow=row;
              })
          })
          this.unitgroupList.push(irow);

          this.HasChange();
      },
      //分单类别 删除
      btnDeleteUnitGroupDetail(){
          try {
              var delrow=this.$refs.unitgroupTable.getCurrentRow();
              if(delrow){
                  var alld=this.$refs.unitgroupTable.getTableData().fullData;
                  var rowindex=alld.indexOf(delrow);
                  this.$refs.unitgroupTable.remove(delrow);
                  this.unitgroupList.splice(rowindex, 1);

                  let havedata=this.$refs.unitgroupTable.getTableData().fullData;
                  if(havedata.length > 0){
                       if(rowindex>=havedata.length) rowindex=havedata.length-1;
                       let selectrow=havedata[rowindex];
                       this.$refs.unitgroupTable.setCurrentRow(selectrow);
                  }else{
                      this.$refs.unitgroupTable.setCurrentRow(null);
                  }
                  this.HasChange();
              }
          } catch (e) {
              alert(e);
          }
      },

      //分单类别弹窗
      opendialog({ row, column }) {
          console.log(row);
          console.log(column);
      },
      //分单类别弹窗修改
      reqgroupchange(code, name) {
          this.reqgroupcurrentrow.req_groupid = code;
          this.reqgroupcurrentrow.req_groupname = name;
          this.reqgroupnodialog = false;
          this.HasChange();
      },
      //申请项目 -新增
      btnAddreqitemDetail(){
          var irow={req_itemcode:"",req_itemname:""};
          this.$refs.reqitemTable.insert(irow).then(({ row })=>{
              this.$nextTick(()=>{
                  console.log(row);
                  this.$refs.reqitemTable.setCurrentRow(row);
                  this.reqitemcurrentrow=row;
              })
          })
          this.reqitemList.push(irow);
          this.HasChange();
      },
      //申请项目 -删除
      btnDeletereqitemDetail(){
          try {
              var delrow=this.$refs.reqitemTable.getCurrentRow();
              if(delrow){
                  var alld=this.$refs.reqitemTable.getTableData().fullData;
                  var rowindex=alld.indexOf(delrow);
                  this.$refs.reqitemTable.remove(delrow);
                  this.reqitemList.splice(rowindex, 1);

                  let havedata=this.$refs.reqitemTable.getTableData().fullData;
                  if(havedata.length > 0){
                       if(rowindex>=havedata.length) rowindex=havedata.length-1;
                       let selectrow=havedata[rowindex];
                       this.$refs.reqitemTable.setCurrentRow(selectrow);
                  }else{
                      this.$refs.reqitemTable.setCurrentRow(null);
                  }
                  this.HasChange();
              }
          } catch (e) {
              alert(e);
          }
      },
      OpenReqitem(){
          // 申请项目弹窗
           this.req_itemdialog=true;
      },
      req_itemchange(c, v) {
          var selectrow=this.$refs.reqitemTable.getCurrentRow();
          if(selectrow){
              this.reqitemcurrentrow=selectrow;
          }
          this.reqitemcurrentrow.req_itemcode = c;
          this.reqitemcurrentrow.req_itemname = v ;
          this.req_itemdialog = false;

          var alld =this.$refs.reqitemTable.getTableData().fullData;
          var index=alld.indexOf(this.reqitemcurrentrow);
          var item=this.reqitemList[index];
          if(item){
              item.req_itemcode=c;
              item.req_itemname=v;
          }
          this.HasChange();
      },
      clearreqitem(row){
          //debugger;
          var selectrow=this.$refs.reqitemTable.getCurrentRow();
          if(row.req_itemcode!=selectrow.req_itemcode){
              let data =this.$refs.reqitemTable.getTableData().fullData;
              let clearrow=data.filter((item)=> item.req_itemcode==row.req_itemcode)[0];
              this.$refs.reqitemTable.setCurrentRow(clearrow);
          }

          var selrow=this.$refs.reqitemTable.getCurrentRow();
          if(selrow){
              this.reqitemcurrentrow=selrow;
          }
          var index=this.$refs.reqitemTable.getRowIndex(this.reqitemcurrentrow);
          var item=this.reqitemList[index];
          if(item){
              item.req_itemcode="";
              item.req_itemname="";
          }
          this.reqitemcurrentrow.req_itemcode="";
          this.reqitemcurrentrow.req_itemname="";
          this.HasChange();
      },
      radigchange(){
          if(this.chktype=="0"){
              this.showreqitem=false;
          }else{
              this.showreqitem=true;
          }
      },
      //保存
      SaveAllRecord(){
          //病人类型
          if(this.$refs.pattypeTable.tableData.length>0){
              let data=this.$refs.pattypeTable.tableData;
              this.editpatlist=data.filter((item) => item.invalid=="1")
          }

          // console.log("this.editpatlist",this.editpatlist)
          // console.log("this.emerTable",this.$refs.emerTable.tableData)
          // console.log("this.unitgroupList",this.unitgroupList);
          // console.log("this.reqitemList",this.reqitemList);
          // console.log("this.groupdetailTablefullData",this.$refs.groupdetailTable.tableData)
          // debugger;
          //急诊标志
          this.editemerflaglist=this.$refs.emerTable.tableData;

          //分单类别
          if(this.unitgroupList.length>0){
              let data=this.unitgroupList;
              // data.forEach(element => {
              //     if (element.req_groupid=="") {
              //         this.$refs.unitgroupTable.remove(element);
              //     }
              // });
              this.editreqgrouplist=data.filter((item) => item.req_groupid!="")
          }else{
              this.editreqgrouplist=[];
          }
          //申请项目
          if(this.reqitemList.length>0){
              let data=this.reqitemList;
              // data.forEach(element => {
              //     if(element.req_itemcode==""){
              //         this.$refs.reqitemTalbe.remove(element);
              //     }
              // });
              this.editreqitemlist=data.filter((item) => item.req_itemcode!="");
          }else{
              this.editreqitemlist=[];
          }
          //报告单元
          if(this.$refs.groupdetailTable.tableData.length>0){
              let data=this.$refs.groupdetailTable.tableData;
              this.editrptunitgrouplist=data.filter((item) => item.invalid=="1")
          }
          this.$tool
              .request({
                  url: "LIS/LIS1/LIS161",
                  method: "post",
                  data: {
                      action: "save",
                      editpatlist : this.editpatlist,
                      editemerflaglist : this.editemerflaglist,
                      editreqgrouplist : this.editreqgrouplist,
                      editreqitemlist : this.editreqitemlist,
                      editrptunitgrouplist : this.editrptunitgrouplist,
                      datatypename : this.tatdatatypename,
                      rptunitgroupid : this.rptunitgroupid,
                  }
              }).then(res=>{
                  if(res.errcode=="1"){
                      this.$message({
                          message: "操作成功！",
                          type: "success",
                      });
                      this.ShowDetail();
                      this.bChangeFlag=false;
                  }else{
                      this.$message.warning("保存失败！" + res.errmsg);
                  }
              })
              .catch(e=>{
                  console.log(e);
                  this.$message("保存失败！")
              })
      },
      //取消
      btnCancel(){
          this.bChangeFlag=false;
          this.ShowDetail();
      }
  }
};
</script>

<style scoped>
::v-deep .Update {
  color: #5050fa;
}
::v-deep .Add {
  color: #b47c7c;
}
::v-deep .vxe-input--wrapper .vxe-input {
  height: auto;
  width: 200px;
  border-radius: 0px;
}
::v-deep .el-button--default.btn-custom-cancel {
  float: right !important;
  margin-left: 10px;
}

.pagetop {
  left: 0;
  right: 0;
  height: 36px;
  display: -webkit-box;
  -webkit-box-pack: end;
  -webkit-box-align: center;
  border: solid 1px #ccc;
  position: absolute;
  z-index: 99;
}

.pagecenter {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  bottom: 0px;
  overflow: auto;
}

.middle-center {
  position: absolute;
  height: 100%;
  right: 485px;
  left: 0;
}

.middle-right {
  background-color: chartreuse;
  position: absolute;
  top: 0;
  bottom: 2px;
  overflow: visible;
  width: 480px;
  right: 0px;
}

table tr td:nth-child(odd) {
  text-align: right;
  white-space: nowrap;
}
table tr td:nth-child(even) {
  text-align: left;
}
table tr td:nth-child(1) {
  width: 80px;
}
table {
  font-size: 12px;
  border-collapse: separate;
  border-spacing: 5px;
}
::v-deep .el-checkbox__inner::after {
  border: 2px solid #000000 !important;
  box-sizing: content-box;
  content: "";
  border-left: 0 !important;
  border-top: 0 !important;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
::v-deep .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #000000;
  cursor: not-allowed;
}
::v-deep  .el-checkbox__input.is-disabled .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner + .el-input.is-disabled .el-input__inner {
  background-color: #ffffff !important;
}
</style>
